<script lang="ts" setup>
const props = defineProps<{
  isVertical: boolean
}>()
</script>

<template>
  <div :class="{ 'vertical-layout': props.isVertical, 'horizontal-layout': !props.isVertical }">
    <slot></slot>
  </div>
</template>

<style scoped>
.vertical-layout {
  @apply flex flex-col;
}
.horizontal-layout {
  @apply flex flex-row;
}
</style>
